<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap-4.6.0-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/first-web.css">
    <title>哈哈哈网盘</title>
</head>
<body>
    <div class="container-fluid first-wapper">
        <div class="wapper">
          <div class="head-left"><img src="./img/logo.png" alt="">哈哈哈网盘</div>
          <div class="head-right d-md-block d-none">
            <span class="help-center">帮助中心</span>
            <span class="problem-feedback">问题反馈</span>
            <span class="member-center">会员中心</span>
          </div>
        </div>
        <div class="row justify-content-end">
          <div class="first-login-form">
            <div class="first-login-mag">账户密码登录</div>
            <p class="tips">要求账号和密码长度3到10位,必须包含数字和字母</p>
            <form>
                <input type="username1" class="form-control" id="exampleInputUsername1" name="username1" aria-describedby="emailHelp"placeholder="账号">
                <input type="username2" class="form-control" id="exampleInputUsername2" name="username2" aria-describedby="emailHelp"placeholder="账号">
                <div class="form-group">
                  <input type="password" class="form-control" id="exampleInputPassword1" name="password" placeholder="密码">
                  <small id="Help" class="form-text msg"></small>
                </div>
                <div class="email">
                  <input type="email" class="form-control" id="exampleInputEmail1" name="email" placeholder="邮箱">
                  <small id="emailHelp" class="form-text msg"></small>
                </div>
                <div class="test">
                  <input type="checkCode" class="form-control code" name="checkCode"><img class="code-img" src="" alt="">
                </div>
                <button type="submit" class="btn btn-primary login">登录</button>
                <button type="submit" class="btn btn-primary logon">注册</button>
            </form>
            <div class="login-last">
              <span class="forget-password">忘记密码</span>
              <span class="free-registration">免费注册</span>
            </div>
            <div class="goto-login">
              <span class="gotoL">已有账号，直接登录>></span>
            </div>
          </div>
        </div>
        <div class="feet">
          <span>@2021 小羊摸鱼 老昊 婷儿 合作完成 | 版权 | 版本 </span>
        </div>
    </div>


    <!-- <a href="./html/Main-Page.html"></a> -->


    <script src="jquery-3.3.1/jquery-3.3.1.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
    <script src="bootstrap-4.6.0-dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="./js/first-web.js" type="module"></script>
</body>
</html>